import React from 'react';
import styles from './index.module.less';

export function Output({ messages = [] }) {
  return (
    <div className={styles['output-wrapper']}>
      <div className={styles.output}>
        {messages?.map((message, index) => {
          return <p key={index}>{message}</p>;
        })}
      </div>
    </div>
  );
}
